$(document).ready(function(){
    ajaxList();
});
$(".search").click(function () {
    var data = $("#searchform").serialize();
    var begin_time = $(".begin_time").val();
    var end_time = $(".end_time").val();
    if(begin_time == '' || end_time == ''){
        dshow('请选择需要查询的时间段');
    }else{
        if(begin_time > end_time){
            dshow('结束时间必须大于开始时间');
        }else{
            ajaxList(data);
        }
    }
});

function ajaxList(data) {
    $.ajax({
        url: '/business/echartsColumn',
        data: data,
        type: 'POST',
        dataType: 'json',//返回的数据类型
        success: function (data) {
            columnPie(data.result.time, data.result.value4, data.result.value2);//新增
            columnPie1(data.result.time, data.result.value5, data.result.value3);//累计
            $('#stray').html(data.strayNum);//流浪狗记录
            $('#family').html(data.familyNum);//登记狗记录
            // $('#mutual').html(data.mutualNum);//互助记录
            $('#adopt').html(data.adoptNum);//领养发布记录
            $('#pro').html(data.proNum);//申请领养记录
            $('#search').html(data.searchNum);//寻狗记录
        }
    })
}

function columnPie(date_time, result, result2) {
    var myChart = echarts.init(document.getElementById('main'));
    option = {
        // title: {
        //     text: '互助数量情况',
        //     x: 'center'
        // },
        legend: {
            data:[
                '新增登记狗狗数量',
                // '新增互助发布数量',
                '新增领养发布数量'
            ],
        },
        dataZoom: [
            {
                show: true,
            },
            {
                type: 'inside',
            },
            {
                show: true,
                yAxisIndex: 0,
                filterMode: 'empty',
                width: 30,
                height: '80%',
                showDataShadow: false,
                left: '93%'
            }
        ],
        xAxis: {
            type: 'category',
            data: date_time,
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            name:'新增登记狗狗数量',
            data: result,
            type: 'bar',
            itemStyle:{
                normal:{
                    color:'#FFC000',
                    // label : {
                    //     show: true,
                    //     position: 'top'
                    // }
                }
            },
        },
            // {
            //     name:'新增互助发布数量',
            //     type:'line',
            //     itemStyle : {
            //         normal : {
            //             color:'#5B9BD5',
            //             // label : {show: true}
            //         }
            //     },
            //     data:reslut1
            // },
            {
                name:'新增领养发布数量',
                type:'line',
                itemStyle : {
                    normal : {
                        color:'#55AD1C',
                        // label : {show: true}
                    }
                },
                data:result2
            }]
    };
    myChart.setOption(option);
}
function columnPie1(date_time, result, result2) {
    var myChart = echarts.init(document.getElementById('main1'));
    option = {
        // title: {
        //     text: '互助数量情况',
        //     x: 'center'
        // },
        legend: {
            data:[
                '累计登记狗狗数量',
                // '累计互助发布数量',
                '累计领养发布数量'
            ],
        },
        dataZoom: [
            {
                show: true,
            },
            {
                type: 'inside',
            },
            {
                show: true,
                yAxisIndex: 0,
                filterMode: 'empty',
                width: 30,
                height: '80%',
                showDataShadow: false,
                left: '93%'
            }
        ],
        xAxis: {
            type: 'category',
            data: date_time,
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            name:'累计登记狗狗数量',
            data: result,
            type: 'bar',
            itemStyle:{
                normal:{
                    color:'#FFC000',
                    // label : {
                    //     show: true,
                    //     position: 'top'
                    // }
                }
            },
        },
            // {
            //     name:'累计互助发布数量',
            //     data: reslut1,
            //     type: 'bar',
            //     itemStyle:{
            //         normal:{
            //             color:'#5B9BD5',
            //             // label : {
            //             //     show: true,
            //             //     position: 'top'
            //             // }
            //         }
            //     },
            // },
            {
                name:'累计领养发布数量',
                data: result2,
                type: 'bar',
                itemStyle:{
                    normal:{
                        color:'#55AD1C',
                        // label : {
                        //     show: true,
                        //     position: 'top'
                        // }
                    }
                },
            },
        ]
    };
    myChart.setOption(option);
}
/*********** 地区选择 start***********/
$("#province").on("change",function () {
    var city = $("#province").val();
    $("#area").html("");
    var html = " <option value=''>全部</option>";
    $("#area").append(html);
    getCity(city);
})

$("#city").on("change",function () {
    var city = $("#city").val();
    getArea(city);
})

function getCity(city){
    $.ajax({
        url: '/stray/city',
        data: {city: city},
        type: 'POST',
        dataType: 'json',//返回的数据类型
        success: function (data) {
            var cityArray =  data.cityArray;
            $("#city").html("");
            var html = " <option value=''>全部</option>";
            $.each(cityArray, function (i, item) {
                html += "<option value='"+item.district_id+"'>" + item.district + "</option>";
            });
            $("#city").append(html);
        }
    })
}

function getArea(area){
    $.ajax({
        url: '/stray/area',
        data: {area: area},
        type: 'POST',
        dataType: 'json',//返回的数据类型
        success: function (data) {
            var cityArray =  data.cityArray;
            $("#area").html("");
            var html = " <option value=''>全部</option>";
            $.each(cityArray, function (i, item) {
                html += "<option value='"+item.district_id+"'>" + item.district + "</option>";
            });
            $("#area").append(html);
        }
    })
}
/*********** 地区选择 end***********/